.editor-title {
	position: relative;

	&.is-loading::before {
		content: '';
		position: absolute;
			top: 6px;
			right: 14px;
			bottom: 12px;
			left: 10px;
		animation: pulse-light 0.8s ease-in-out infinite;
		background: lighten( $gray, 20% );
	}

	.focus-sidebar & {
		@include breakpoint( ">660px" ) {
			margin-left: 52px;
		}

		@include breakpoint( ">1040px" ) {
			margin-left: 0;
		}
	}
}

.editor-title .editor-permalink {
	position: absolute;
		left: -26px;
		top: 18px;
	display: none;

	@include breakpoint( ">660px" ) {
		display: block;
	}
}

.editor-title__input {
	min-height: 0;
	padding-left: 10px; /* Intentionally non-standard to align editor body margin (10px) */
	padding-right: 10px;
	border: none;
	font-family: $serif;
	font-size: 28px;
	color: $gray-dark;
	font-weight: 600;
	resize: none;
	-ms-overflow-y: hidden !important;

	&:focus {
		box-shadow: none;
	}

	@include breakpoint( ">480px" ) {
		font-size: 32px;
	}
}

.editor-title.is-loading .editor-title__input {
	color: transparent;
}
